<?php $this->load('header'); ?>
	<style type="text/css">
		.tab {
			background-color: #FAFAFA;
			margin-top: 10px;
			font-size:14px;
			height:130px;
		}
		.tab div {
			padding:10px;
			line-height:25px;
		}
		.tab p span {
			background-color: #F1F1F1;
			border: 1px solid #CCCCCC;
			cursor: pointer;
			margin-right: 6px;
			padding: 2px 5px;
			font-size:12px;
        }
		.tab p span.current {
			background-color: #FFFFFF;
			border-bottom-color: #FFFFFF;
		}
		.tab p {
			border-bottom: 1px solid #CCCCCC;
			font-weight: bold;
			padding: 0 10px 2px;
			padding-bottom:0px\9;
			*padding-bottom:2px;
			*padding-top:1px;
		}
		.tab .mhot, .tab.allhot {
			display: none;
		}
    </style>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".tab span:first").addClass("current"); //为第一个SPAN添加当前效果样式
            $(".tab div:not(:first)").hide(); //隐藏其它的UL
            $(".tab span").mouseover(function() {
            	if($(this).attr("class")=="current") return;
                $(".tab span").removeClass("current"); //去掉所有SPAN的样式
                $(this).addClass("current");
                $(".tab div").hide();
                $("." + $(this).attr("id")).fadeIn('slow');
            });
        });
    </script>

	<div id="container">
		<div id="content">
			<div id="production">
				<h2>欢迎来到 XKLog 世界</h2></th>
				<a href="<?php echo $this->get_info('theme_path') ?>images/XKLog2.png"><img src="<?php echo $this->get_info('theme_path') ?>images/XKLog.png" alt="screen 1" width="510" height="420" /></a>
				<div id="inner_production">
					<h3>XKLog 博客系统</h3>
					<p style="padding:5px 0 15px 0;line-height:20px;"><i>高效、易用、安全、可扩展 的个人网志平台！</i></p>
					<p style="padding-bottom:15px;line-height:20px;">　　<i>XKLog</i> 是一款简约而优雅的开源博客系统。它拥有全面领先的设计理念与无比舒适的技术体验，字里行间充满了哲学上和艺术上的美感。使用 <i>XKLog</i>，您可以轻松搭建多种网络站点，向您的访客提供丰富的文字与多媒体资讯，记录生命中每一个感人至深的瞬间。</p>
					<p style="padding-bottom:15px;line-height:20px;">　　<i>献给生命中给予我们的每一份爱！</i></p>
					<div class="tab">
						<p><span id="tab1">简单友好</span> <span id="tab2">快捷高效</span> <span id="tab3">个性时尚</span> <span id="tab4">安全稳定</span> <span id="tab5">开源免费</span></p>
						<div class="tab1"><i>XKLog</i> 的每一个细节都被精心设计。简洁的管理界面与适度的功能设计使您彻底摆脱使用时的繁琐和迷茫。优秀的内容管理与信息检索有效减轻博客日常维护负担。</div>
						<div class="tab2"><i>XKLog</i> 的使用了缓存技术、预编译技术和静态页面技术，内核智能负载优化，最大限度减少数据库访问。随时随地，飞一般的响应速度使访客无须等待。</div>
						<div class="tab3"><i>XKLog</i> 采用独特的博客模板系统，彻底解放风格设计，带给你所想象不到的最酷最炫的华丽特效，全面提升用户体验。从此告别千篇一律，您的博客将永远与众不同、充满个性。</div>
						<div class="tab4"><i>XKLog</i> 基于优秀的设计构架，历经严格测试和实践检验。内置安全机制有效阻断恶意攻击，记录潜在安全危胁，定期备份博客数据。安全稳定使您后顾无忧。</div>
						<div class="tab5"><i>XKLog</i> 遵循 <i>GNU Public Licence V2</i>（<i>GNU</i> 通用授权许可协议），给予您获得、使用、修改、传播的充分自由。如果您愿意，您甚至可以向社区贡献代码，从而使 <i>XKLog</i> 变得更加优秀！</div>
					</div>
					<p style="font-size:16px;margin-bottom:10px;"><a class="download" href=""> 立即下载 <i><b>XKLog</b> V0.9.0</i></a></p>
					<p style="font-size:12px;">体验触手可及的在线生活！尽享 <i>XKLog</i> 带给您的 <i>时尚</i>、<i>安全</i> 与 <i>迅捷</i>！</p>
				</div>
			</div>
			<div class="fixed"></div>
			<div id="friend_link">
				<h2>友情链接</h2></th>
				<ul><?php echo $this->get_link() ?></ul>
			</div>
		</div>
	</div>
<?php $this->load('footer'); ?>
